<!doctype html>
<!--[if lt IE 7 ]><html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]><html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>BDO System TimeSheet Login</title>
<meta name="description" content="">
<meta name="keywords" content="">

<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700|Alike" rel="stylesheet">

<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">

<!-- favicon.ico and apple-touch-icon.png -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57-iphone.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72-ipad.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-iphone4.png">

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="screen.css">
<!-- custom CSS -->
<link rel="stylesheet" href="custom.css">

<!-- main JS libs  -->
<script src="js/libs/modernizr-2.5.3.min.js"></script>
<script src="js/libs/respond.min.js"></script>					 
<script src="js/libs/jquery.min.js"></script>

<!-- scripts  -->
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/general.js"></script>
<script src="js/hoverIntent.js"></script>
<!-- carousel -->
<script src="js/jquery.carouFredSel.min.js"></script>
<script src="js/jquery.touchwipe.js"></script>
<!-- sliders -->
<script src="js/slides.min.jquery.js"></script>
<!-- SyntaxHighlighter -->
<link rel="stylesheet" href="css/shCore.css">
<link rel="stylesheet" href="css/shThemeDefault.css">
<script src="js/shCore.js"></script>
<script src="js/shBrushPlain.js"></script>
<!-- custom input -->
<script src="js/jquery.customInput.js"></script>
<!-- tabs -->
<script src="js/jquery.tools.min.js"></script>
  
</head>
<body>  
<div class="body_wrap">

<div class="header_container">

	<header>
    	<div class="container">	        
	        
	        <div class="header_right">            	
				<label>User Login</label>
                <input type="text" style="padding:2px" Placeholder="NIK" />
				<input type="password" style="padding:2px" Placeholder="Password" />
				<input type="submit" value="Login" />
	        </div>
			
			<div class="header_left">
			   	<div class="logo">
	            <a href="index.html"><img src="images/logo.png" alt=""></a>
	            <strong>BDO Internal System</strong>
	            </div>
	        </div>
            
	        <div class="clear"></div>	
        </div>                    		    
	</header>
	
</div>
<!--/ header_container -->

<div class="container topm_cont">
 
    <!-- topmenu -->    
    <nav id="topmenu">            
		<ul class="dropdown">              
			<li class="menu-level-0 current-menu-ancestor"><a href="index.html"><span>Home</span></a></li>	
			<li class="menu-level-0 current-menu-ancestor"><a href="news.html"><span>News</span></a></li>	
			<li class="menu-level-0 current-menu-ancestor"><a href="about.html"><span>About Us</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="training.html"><span>Training</span></a></li>
            <li class="menu-level-0 current-menu-ancestor active"><a href="timesheet.html"><span>Timesheet</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="career.html"><span>Career</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="it-sys.html"><span>IT System</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="hr-sys.html"><span>HR System</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="library.html"><span>Library</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="contact.html"><span>Contact Us</span></a></li>
	    </ul>	
	<div class="clear"></div>                             
	</nav>    
    <!--/ topmenu -->
    
    <div class="topbar">
    	<div class="top_share"><span class="social_title">TimeSheet</span> <a href="#" class="social_google">Google +1</a> <a href="#" class="social_fb">Facebook</a> <a href="#" class="social_twitter">Twitter</a> <a href="#" class="social_pinterest">Pinterest</a></div>
        
    	<span class="top_filter"><a href="#" class="link_mostcomm">Most commented</a> <a href="#" class="link_pick">Editor’s Picks</a> <a href="#" class="link_mostlike">Most liked</a> <a href="#" class="link_random">Random story</a></span>     
        <div class="clear"></div>
    </div>
</div>

    
<div class="container"> 
<!-- middle -->
<div id="middle" class="cols2">
	
    <div class="content" role="main">
		<script>
	    SyntaxHighlighter.defaults['gutter'] = false;
	    SyntaxHighlighter.defaults['toolbar'] = true;
	    SyntaxHighlighter.all();
		</script>
                
    	<article class="post-detail post-page">            
			<div class="entry">    
                    <div class="row">
						<div class="col col_1_2 alpha">
							<div class="inner">    
								<!-- login widget -->
								<div class="widget-container widget_login">
									<h3>Timesheet Login</h3>
									
									<form action="#" method="post" class="loginform">								
									<p><label>NIK</label><br><input placeholder="NIK" name="log" id="user_login" class="input" value="" size="20" tabindex="10" type="text"></p>								
									<p><label>Password</label><br><input placeholder="Password" name="pwd" id="user_pass" class="input" value="" size="20" tabindex="20" type="password"></p>								
									<div class="forgetmenot input_styled checklist">
										<input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="90" checked><label for="rememberme">Remember Me</label>
									</div>								
									<p class="forget_password"><a href="#">Forgot Password?</a></p>  								
									<p class="submit">
										<input type="submit" name="wp-submit" id="wp-submit" class="btn-submit" value="Login" tabindex="100">
										<input type="hidden" name="redirect_to" value="">
										<input type="hidden" name="testcookie" value="1">
									</p>
									</form>
								</div>
								<!--/ login widget --> 
			  
							</div>    
						</div> 
                        
                        <div class="col col_1_2 omega">
						<div class="inner">
						
							<!-- widget_newsletter -->
				            <div class="widget-container newsletterBox">
								<div class="inner">
									<h3>Timesheet Bugs Report For IT Support</h3>                    
									<form method="get" action="#">
										<label>Enter Your Nik:</label><br>
										<input type="text" value="" placeholder="NIK" name="email" class="inputField">
										<label>Enter your Report:</label><br>
										<input type="text" value="" placeholder="Input Your Report " name="email" class="inputField">
										<input type="submit" value="Go" class="btn-arrow">	         
                                        <div class="newsletter_text"><a href="#" class="link-news-rss">Also input your NIK <span>For Process the Error Report</span></a></div>
									</form>     
								</div>
							</div>
							<!--/ widget_newsletter -->
							
							<div class="divider_space_thin"></div>
							
						</div>
						</div>
                                           
                    </div>
                                        
                    <div class=" divider_space_thin"></div>                  
                    
                    
				<!-- author description -->
                <div class="author-box">
                    <div class="author-description">
                		<div class="author-image"><img src="images/temp/author_image.jpg" alt=""><span class="author">the author</span></div>
                      	<div class="author-text">
                            <p>Contact Information<a href="#"> IT Division</a> he deputy of BDO accountans and advisers, resigned a day after the country’s top police officer quit and Rebekah Brooks, the former chief </p>
                        </div>
                        <div class="clear"></div>
                	</div>        
                </div>
                <!--/ author description -->
              
<div class="clear"></div>            
            </div>
            
            	                
        </article>
        
       
        
	</div>
    <!--/ content -->
    
    <!-- sidebar -->
    <div class="sidebar">

		<div class="widget-container widget_nav_menu">
        	<img src="images/icons/icons_16_menu.png" alt="" class="widget_icon">
           		<h3 class="widget-title">SHORTCODES CATEGORIES</h3>
                    <ul>                       		
                            <li><a href="shortcodes-buttons.html"><span>Buttons & Lists</span></a></li> 
                            <li><a href="shortcodes-text.html"><span>Text & Images</span></a></li>
                            <li><a href="shortcodes-charts.html"><span>Charts</span></a></li>  
                            <li><a href="shortcodes-columns.html"><span>Columns</span></a>
                            	<ul>
									<li><a href="shortcodes-columns-full.html"><span>Full width page</span></a></li>  
									<li><a href="shortcodes-columns-full2.html"><span>Full width with Gallery</span></a></li>  
								</ul>
                            </li>  
                            <li><a href="shortcodes-lightbox.html"><span>Lightbox</span></a></li>
                            <li><a href="shortcodes-media.html"><span>Videos & Galleries</span></a></li>
                            <li><a href="shortcodes-maps.html"><span>Google Maps</span></a></li>
                            <li><a href="shortcodes-tabs.html"><span>Tabs and Toggles</span></a></li>
                            <li><a href="shortcodes-tables.html"><span>Boxes & Tables</span></a></li>                            
                            <li><a href="shortcodes-typography.html"><span>Typography</span></a></li>
                            <li class="current-menu-item"><a href="shortcodes-widgets.html"><span>Widgets</span></a></li>
                    </ul>
		</div> 
        
                                        
    </div>
    <!--/ sidebar -->
     
    
        	
</div>
<!--/ middle --> 
</div>
<!--/ container --> 

<footer>
<div class="container">

    <div class="footer_right">
    	<ul class="botmenu">
        	<li><a href="about.html">ABOUT</a></li>
            <li><a href="#">AUTHORS</a></li>
            <li><a href="contact.html">CONTACT</a></li>
            <li><a href="advertise.html">ADVERTISE</a></li>
            <li><a href="#">PRIVACY</a></li>
            <li><a href="#">TERMS</a></li>
        </ul>
    </div>
    
    <div class="footer_left">
   		<img src="images/logo_footer.png" width="230" height="50" alt="">
    </div>
	
    <div class="clear"></div>
    
</div>
</footer>

</div>
</body>
</html>